import { findBanner } from '@/api/home'
import { ref } from 'vue'
// 调用这个函数，就可以得到一个响应式数据，数据里面就
// 是轮播图
const useBanner = () => {
  const bannerList = ref([])
  // 目前使用promise.then来写的
  // findBanner().then(res => {
  //   console.log(res.result)
  //   bannerList.value = res.result
  // })

  async function loadBannerList () {
    const res = await findBanner()
    bannerList.value = res.result
  }

  loadBannerList()

  return bannerList
}

export {
  useBanner
}
